<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <script type="text/javascript" charset="utf-8" src="jquery.js"></script>
  <script type="text/javascript" charset="utf-8" src="underscore.js"></script>
  <script type="text/javascript" charset="utf-8" src="clappr.js"></script>
  <script type="text/javascript" charset="utf-8" src="p2phls.js"></script>
  <script type="text/javascript" charset="utf-8" src="p2phlsstats.js"></script>
  <script type="text/javascript" charset="utf-8" src="tracking.js"></script>
  <title>Test Page</title>
  <script type="text/javascript" charset="utf-8">
window.onload = function() {
  var playerElement = document.getElementById("player-wrapper");
  player = new Clappr.Player({
    source: 'http://123.30.242.123:8080/test800.m3u8',
    //source: 'http://123.30.242.123:8080/testVtv3.m3u8',
    //source: 'http://cdn.bem.tv/stream/soccer5/playlist.m3u8',
    plugins: {playback: [P2PHLS], container: [P2PHLSStats]},
    poster: 'http://tvstatic.vcmedia.vn/vtv/vtv6.png',
    tracer: 'http://' + location.hostname + ':1206',
    sohatv: {
      logging: true
    }
  });

  player.attachTo(playerElement);
  //player.core.containers[0].getPlugin('p2phlsstats').hide();
}
  </script>
</head>
<body>
  <div align=center style="">
    <div id="player-wrapper"></div>
  </div>
</body>
</html>
